
<!-- PC -->
<div class="header_box">
	<div class="container h100">
		<div class="center_box">
			<div class="column_left">
				<div class="logo_box">
					<a href="index.html" class="logo"><img src="./images/a_logo.png" alt=""></a>
				</div>
			</div>
			<div class="column_right">
				<div class="item_box">
					<div class="item">
						<a href="javascript:;" class="one">首页</a>
						<div class="Secondary_Navigation"></div>
					</div>
					<div class="item">
						<a href="product.html" class="one">产品中心 </a>
						<div class="subNavCon2">
							<div class="container">
								<div class="center_box box_info">
									<div class="left_box">
										<div class="title"><a href="#">3D工业相机：</a></div>
										<div class="item_box1">
											<a href="#" class="one">
												<div class="img"><div class="pb"><div class="ab"><img src="./images/z62.png" alt=""></div></div></div>
												<div class="word">Epic Eye Laser L</div>
											</a>
											<a href="#" class="one">
												<div class="img"><div class="pb"><div class="ab"><img src="./images/z63.png" alt=""></div></div></div>
												<div class="word">Epic Eye D-L</div>
											</a>
											<a href="#" class="one">
												<div class="img"><div class="pb"><div class="ab"><img src="./images/z64.png" alt=""></div></div></div>
												<div class="word">Epic Eye S-M</div>
											</a>
											<a href="#" class="one">
												<div class="img"><div class="pb"><div class="ab"><img src="./images/z65.png" alt=""></div></div></div>
												<div class="word">Epic Eye S-M</div>
											</a>
											<a href="#" class="one">
												<div class="img"><div class="pb"><div class="ab"><img src="./images/z66.png" alt=""></div></div></div>
												<div class="word">Epic Eye S-S</div>
											</a>
											<a href="#" class="one">
												<div class="img"><div class="pb"><div class="ab"><img src="./images/z67.png" alt=""></div></div></div>
												<div class="word">Epic Eye X</div>
											</a>
											<a href="#" class="one">
												<div class="img"><div class="pb"><div class="ab"><img src="./images/z68.png" alt=""></div></div></div>
												<div class="word">Epic Eye X</div>
											</a>
										</div>
									</div>
									<div class="right_box">
										<div class="title"><a href="#">视觉软件：</a></div>
										<div class="item_box1">
											<a href="#" class="one">
												<div class="img"><div class="pb"><div class="ab"><img src="./images/z68.jpg" alt=""></div></div></div>
												<div class="word">3D视觉引导平台</div>
											</a>
											<a href="#" class="one">
												<div class="img"><div class="pb"><div class="ab"><img src="./images/z69.jpg" alt=""></div></div></div>
												<div class="word">ATOM算法平台</div>
											</a>
										</div>
									</div>
								</div>
							</div>
						</div>
					</div>
					<div class="item">
						<a href="app.html" class="one">行业应用 </a>
						<div class="subNav">
							<a href="development_ln.html" class="sub_a">汽车</a>
							<a href="development_dc.html" class="sub_a">化工</a>
							<a href="development_zp.html" class="sub_a">金属加工</a>
							<a href="development_zp.html" class="sub_a">冶金</a>
							<a href="development_zp.html" class="sub_a">家电</a>
							<a href="development_zp.html" class="sub_a">材料</a>
							<a href="development_zp.html" class="sub_a">其他</a>
						</div>
					</div>
					<div class="item">
						<a href="serve.html" class="one">服务支持</a>
						<div class="subNav">
							<a href="download.html" class="sub_a">下载中心</a>
							<a href="serve.html" class="sub_a">售后服务</a>
						</div>
					</div>
					<div class="item">
						<a href="new.html" class="one">新闻活动</a>
						<div class="subNav">
							<a href="new.html" class="sub_a">新闻活动</a>
							<a href="new.html" class="sub_a">最新动态</a>
							<a href="new.html" class="sub_a"> 展会活动</a>
						</div>
					</div>
					<div class="item">
						<a href="about.html" class="one">关于我们</a>
						<div class="subNav">
							<a href="about.html" class="sub_a">公司信息</a>
							<a href="join.html" class="sub_a">加入我们</a>
							<a href="contact.html" class="sub_a">联系我们</a>
						</div>
					</div>
				</div>
				<div class="navBtn">
					<div class="language_box">
						<div class="icon"><i class="iconfont icon-yuyan2"></i> <span>选择语言</span> <i class="iconfont icon-iconfontzhizuobiaozhun023129"></i></div>
						<div class="language_flag">
							<a class="active" href="#"><img src="./images/a_flag1.png" title="中文" alt="中文"><span>中文</span></a>
							<a href="#"><img src="./images/a_flag2.png" title="English" alt="English"><span>English</span></a>
						</div>
					</div>
					<div class="search_box" id="idx_seaher">
						<div class="icon"><i class="iconfont icon-fangdajing"></i></div>
					</div>
				</div>
			</div>
		</div>
	</div>
	<!--搜索 -->
	<div class="search_for remove_box">
		<div class="search_in">
			<div class="input"><input type="text" placeholder="请输入搜索关键词"></div>
			<div class="icon"><i class="iconfont icon-fangdajing"></i></div>
		</div>
		<div class="close_box" onclick="popup_close()"><i class="iconfont icon-quxiao3"></i></div>
	</div>
</div>

<div class="m_header_box" id="mHeader">
	<div class="header_title" id="mHeaderTitle">
		<div class="logo">
			<a href="index.html"> <img src="./images/a_logo.png" alt=""> </a>
		</div>
		<div class="column">
			<div class="menu_btn" id="navBtn"><div class="icon"><i></i></div></div>
		</div>
	</div>
	<div class="header_body" id="navBody">
		<div class="menu_info">
			<div class="menu_nav" id="navMenu">
				<ul>
					<li>
						<div class="one active">
							<a href="index.html">
								<div class="title">首页</div>
								<div class="icon"><i class="iconfont icon-iconfontzhizuobiaozhun023129"></i></div>
							</a>
						</div>
					</li>
					<li>
						<div class="one">
							<a href="product_hk.html">
								<div class="title">产品与服务</div>
								<div class="icon"><i class="iconfont icon-iconfontzhizuobiaozhun023129"></i></div>
							</a>
						</div>
						<ul>
							<li>
								<div class="two">
									<a href="about.html">
										<div class="icon"><i class="iconfont icon-iconfontzhizuobiaozhun023129"></i></div><div class="title">产品1</div>
									</a>
								</div>
                                <ul>
                                    <li><a href="#">产品1.0</a></li>
                                    <li><a href="#">产品1.1</a></li>
                                    <li><a href="#">产品1.2</a></li>
                                    <li><a href="#">产品1.3</a></li>
                                </ul>
							</li>
						</ul>
					</li>
				</ul>
			</div>
			<div class="menu_lang">
				<div class="one"><a href="./index.html" class="active">Cn</a></div>
				<div class="one"><a href="index.html">En</a></div>
			</div>
		</div>
	</div>
</div>

<script>
	/* Mobile Version Navigation */
	$(function() {
		var c = "active";
		function mHeaderBox() {
			let divBox = $("#mHeader");
			if (divBox.length) {
				const getDiv = el => divBox.find(el);
				let navBtn = getDiv("#navBtn"),
					navBody = getDiv("#navBody"),
					navMenu = getDiv("#navMenu");
				navBtn.click(function () {
					if (!$(this).hasClass(c)) {
						$(this).addClass(c);
						$("html, body").css({
							"overflow": "hidden"
						});
						navBody.stop().slideDown(500);
					} else {
						navBody.stop().slideUp(300);
						$(this).removeClass(c);
						$("html, body").css({
							"overflow": "visible"
						});
					}
				});

				let navLi = navMenu.children().children();
				navLi.find(".active").siblings().show();
				navLi.children("ul").siblings().addClass("is_active");
				navLi.find("ul").siblings().find("a").attr("href", "javascript:;");
				navLi.find("ul").siblings().click(function () {
					$(this).siblings().stop().slideToggle(300).parent().siblings().children(".active").siblings().stop().slideUp(300);
					$(this).toggleClass(c).parent().siblings().children(".active").removeClass(c);
				});
			}
		}
		mHeaderBox();
		$("#idx_seaher").click(function(){
			$(".search_for").addClass("active");
		})
		$("#idx_language").click(function(){
			$(".language_select").addClass("active");
			$("header").addClass("lu_back");
		})
	})
</script>